// import React from 'react'
// import logo from '../../assets/logo.png'
// import './index.scss'
// import { useNavigate } from 'react-router-dom'

// export default function () {
//   const navigate = useNavigate()
//   const toQuestionPage = () => { // 编程式路由跳转
//     navigate('/question')
//   }

//   return (
//     <div className='home-container'>
//       <div className="home-box">
//         <div className="home-box-hd">
//           <div className="logo">
//             <img src={logo} alt="" />
//           </div>
//           <div className="title">欢迎参与旅梦问卷调查</div>
//           <div className="desc">您的每一个想法都很重要</div>
//         </div>
//         <div className="home-box-btn" onClick={toQuestionPage}>
//           开始问卷
//         </div>
//       </div>
//     </div>
//   )
// }
import React from 'react'
// 假设 logo.png 文件路径有误，根据错误提示可能需要检查路径，以下假设文件路径为正确路径示例
import logo from '@/assets/logo.png'
// 尝试添加文件扩展名解析，确保可以正确导入 .scss 文件
import './index.scss'
import { useNavigate } from 'react-router-dom'

export default function () {
  const navigate = useNavigate()
  const toQuestionPage = () => { // 编程式路由跳转
    navigate('/question')
  }

  return (
    <div className='home-container'>
      <div className="home-box">
        <div className="home-box-hd">
          <div className="logo">
            <img src={logo} alt="" />
          </div>
          <div className="title">欢迎参与旅梦问卷调查</div>
          <div className="desc">您的每一个想法都很重要</div>
        </div>
        <div className="home-box-btn" onClick={toQuestionPage}>
          开始问卷
        </div>
      </div>
    </div>
  )
}